<!--
 * @Author: lmk
 * @Date: 2021-11-29 17:54:26
 * @LastEditTime: 2021-12-01 11:53:03
 * @LastEditors: lmk
 * @Description: 
-->
<template>
	<view :class="currentTheme">
		<a-nabbar name="更多评价" />
		<view class="sticky-tabs" :style="{top:top}">
			<me-tabs v-model="indexCurrent"  :height="88" :tabs="tabs" @change="tabGetChange" activeColor="#765CFE" @tabTop="getTabTop"></me-tabs>
		</view>
		<swiper :indicator-dots="false" :autoplay="false" :style="swiperStyle"  :duration="300" :current="tabIndex" @change="getChange" v-if="flag">
			<swiper-item  v-for="(a,b) in tabs" :key="b" >
				<mescroll-item :tabIndex="b" :tab="a" :inputName="form.name" ref="mescroll" @goPathDetail="getDetail"></mescroll-item>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	import pageMixins from '@/pages/pageMixins.js'
	import swiperListMixin from '@/mixins/swiperList.js'
	import MescrollItem from "./swiperItem.vue";
	export default {
		mixins:[pageMixins,swiperListMixin],
		components: {
			MescrollItem
		},
		data() {
			return {
				tabs:[{
					name:'剧本评价',
					list:null
				},{
					name:'剧本评测',
					list:null
				}],
				flag:false
			};
		},
		onLoad(option) {
			this.tabs = this.tabs.map(val=>{
				val.productId = option.productId
				return val;
			})
			this.flag=true;
		}
	}
</script>

<style lang="scss">

</style>
